<template>
  <section>
     <!-- 面包屑 -->
 <breadcrumbs></breadcrumbs>
    <div class="top-details-box">
      <div class="jianju">订单号: <span>{{detailData.backOrderNo}}</span></div>
      <div class="jianju">用户昵称: <span>{{detailData.nickname}}</span></div>
      <div class="jianju">手机号码: <span>{{detailData.phoneNum}}</span></div>
      <div class="jianju">回收总计: <span>{{detailData.allRealCount || 0}}个</span></div>
     
    </div>
    <div>
      <div class="data-container scroll-table">
        <!-- 按钮列表 -->
        <el-table :data="tableData"
                  border
                  style="width: 100%">
          <el-table-column prop="brandName"
                           label="投递品牌">
          </el-table-column>
          <el-table-column prop="realBackCount"
                           label="投递个数">
          </el-table-column>
          <el-table-column prop="backCount"
                           label="审核数量">
          </el-table-column>
          <el-table-column prop="price"
                           label="回收费用(元)">
            <template slot-scope="scope">
              <div>{{scope.row.price/100}}</div>

            </template>
          </el-table-column>

          <el-table-column prop="addtime"
                           label="投递时间">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </section>
</template>

<script>
import breadcrumbs from "@/components/breadcrumbs.vue";
export default {
  name: "houseDetail",
   components: {

    breadcrumbs,
  },
  data () {
    return {
      userId: "",
      detailData: [],
      tableData: [],
      count:'',
    }
  },
  created () {
    // console.log(this.$route.query.id)
    this.userId = this.$route.query.userId;
    this.houseData(this.userId);
  },
  methods: {
    houseData (uid) {
      // console.log(mid)
      this.$api.user.gethuiyuanList({
        backOrderId: uid
      }).then(res => {
        if (res.code == 200) {
          this.tableData = res.data.detail;
          this.detailData = res.data.orderInfo;
          this.count = res.data.count;
         
        }
      })
    },
  }
}
</script>

<style scoped>
.top-details-box {
  margin-bottom: 50px;
  margin-top:30px;
  font-size: 20px;
}
.message-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.jianju{
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 20px;
}
</style>